import React, { useState } from 'react'

export default function MultiHookState() {

  const [count, setCount] = useState(0)
  const [age, setAge] = useState(18)
  const [friends, setFriends] = useState(['aa', 'bb'])

  return (
    <div>
      <h2>Current Count: {count}</h2>
      <h2>My Age: {age}</h2>
      <ul>
        {
          friends.map(item => <li key={item}>{item}</li>)
        }
      </ul>
    </div>
  )
}
